<template>
	<div class="father">
		<h3>父组件</h3>
		<h4>我的车：{{ car }}</h4>
		<h4> 收到儿子给的玩具：{{toy}}</h4>
		<!-- 引入子组件 -->
		<!-- 向子组件传递东西  直接就在子组件的标签上加就可以传递了-->
		<Child :car="car" :abc="getToy"></Child>

	</div>
</template>

<script setup lang="ts" name="Father">
import Child from './Child.vue'
import { ref } from 'vue'

let car = '宝马'
let toy = ref()

//当触发abc事件的时候，就调用 getToy 方法 并且获得参数 
function getToy(value : string){
	toy.value = value;
}

</script>

<style scoped>
.father {
	background-color: rgb(165, 164, 164);
	padding: 20px;
	border-radius: 10px;
}
</style>